<template>
    <div>
        <el-form-item :prop="item.name || ''" :label="item.label" v-bind="item.formItemProps || {}"  ref="el-form-item">
            <el-cascader
                ref="input"
                v-model="mvalue" 
                style="width: 100%;" 
                :class="textCss"
                v-bind="opt"
            ></el-cascader>
        </el-form-item>
    </div>
</template>


<script>

import Cascader from "../edit/Cascader";
import { objectAssign } from "../../utils/common";

export default {
    extends: Cascader,
    name: "PopoCascaderView",
    props: {
        value: { type : [String, Number, Boolean, Array]},
        item: {type: Object },
    },
    data() {
        return {
            mvalue: this.value,
            opt: {},
            activeLabel: "是",
            inactiveLabel: "否",
            nullValue: "[未设置]",
            textCss: { "text-viewer-box":true, "null-value": false},
        };
    },
    created(){
        this.opt.disabled = true;
    },
    methods: {}
};
</script>


<style scoped lang="scss">
@import "../../css/view_base";

::v-deep{ 
    .el-input.is-disabled .el-input__inner{
        cursor: auto;
        background-color: rgba( 0, 0, 0, 0);
        color: #333;
        border: none;
        padding: 0px;
        height: auto;
        line-height: 1;
    }
    .el-input.is-disabled .el-input__icon{
        display: none;
    }
}
</style>
